<template>
	<div class="container-401 cus-center">
		<div class="content-401">
			<div class="fbi">401 WARNING</div>
			<div class="warning">
				您无权访问此页面
			</div>
			<div class="page-footer">
				<el-button class="button" size="large" type="primary" @click="$router.push('/')">
					返回首页
				</el-button>
			</div>
		</div>
	</div>
	<icp/>
</template>

<script lang="ts" name="Page401" setup>
import Icp from '@/components/icp.vue'
</script>

<style lang="scss" scoped>
.container-401 {
	width: 100vw;
	height: 100vh;

	.content-401 {
		width: 60vw;
		height: 40vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		color: currentColor;

		.fbi {
			background: #aa0000;
			display: inline-block;
			font-size: 60px;
			font-weight: bold;
			padding: 0 30px;
			text-align: center;
		}

		.warning {
			font-size: 30px;
			text-align: center;
			width: 100%;

			&:first-letter {
				font-size: 45px;
			}
		}

		.page-footer {
			.button {
				font-size: 15px;
				height: 35px;
			}
		}
	}
}

</style>
